<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<link rel="stylesheet" href="../../../lib/bootstrap-3.3.5/css/bootstrap.min.css">
	<link rel="stylesheet" href="../../../css/custom_2.css">
	<link href="index.css" rel="stylesheet">
	<!--[if lt IE 9]>
	<script src="../../../lib/html5shiv-3.7.2/html5shiv.min.js"></script>
	<script src="../../../lib/respond.js-1.4.2/respond.min.js"></script>
	<![endif]-->
	<!--[if lt IE 11]>
	<script src="../../../lib/excanvas/excanvas.js"></script>
	<![endif]-->
	<script src="../../../lib/jquery-1.11.3/jquery.min.js"></script>
	<script src="../../../lib/bootstrap-3.3.5/js/bootstrap.min.js"></script>
	<script src="../../../lib/jquery-ui-1.11.4/jquery-ui.min.js"></script>
	<script src="../../../lib/jquery.resize-0.5.3/jquery.resize.js"></script>
	<script src="../../../lib/spin.js-2.3.2/spin.min.js"></script>
	<script src="../../../lib/fuelux-3.15.3/js/fuelux.js"></script>
	<script src="../../../lib/echarts-2.2.7/echarts-all.js"></script>
	<script src="../../../lib/echarts-2.2.7/theme/default.js"></script>
	<script src="../../../lib/echarts-2.2.7/theme/blue.js"></script>
	<script src="../../../lib/echarts-2.2.7/theme/dark.js"></script>
	<script src="../../../lib/echarts-2.2.7/theme/infographic.js"></script>
	<script src="../../../lib/angular-1.5.1/angular.min.js"></script>
	<script src="../../../lib/mt-angular-0.0.1/mt.angular.js"></script>
	<script>
		angular.module('myApp', [ 'mt.angular']);
	</script>
	<script src="option.js"></script>
	<script src="controller.js"></script>

</head>

<body class="nav-md" data-ng-app="myApp">
<div class="container-fluid"  ng-controller="c0Controller">
	<div style="text-align: right;">
		<ol class="breadcrumb">
			<li><a href="#">直报后台管理</a></li>
			<li class="active">数据直报展示</li>
		</ol>
	</div>
	<div class="row" >
		<div class="col-md-4" style="height: 130px">
			<div class="zst" style="background-color: #2f62ef"></div>
			<p class="title">任务总数</p>
			<p class="content"><span class="mount">{{taskAmount[0][0].count1}}</span>个</p>
		</div>
		<div class="col-md-4" style="height: 130px">
			<div class="zst" style="background-color: #2e93ef"></div>
			<p class="title">已启用</p>
			<p class="content"><span class="mount">{{taskAmount[1][0].count1}}</span>个</p>
		</div>
		<div class="col-md-4" style="height: 130px;">
			<div class="zst" style="background-color: #2eccef"></div>
			<p class="title">未启用</p>
			<p class="content"><span class="mount">{{taskAmount[2][0].count1}}</span>个</p>
		</div>
	</div>
	<div class="col-md-6 col-md-offset-6" style="text-align: center;margin-top: 25px;">
		<form class="form-inline">
			任务名称：
			<select class="form-control"  ng-model="task" ng-change="getPunlish()"  ng-options="option.task_name  for option in taskList track by option.task_id ">
			</select>
			报告期：
			<select class="form-control"  ng-model="publish"  ng-change="getData()"  ng-options="option.report_period  for option in publishList track by option.publish_id ">
			</select>
		</form>
	</div>
	<div class="col-md-6">
		<div style="height:350px;margin-top:20px;" mt-echarts="option1"  echarts-theme="theme" echarts-data="data1" ></div>
	</div>
	<div class="col-md-6">
		<div style="height:350px;margin-top:20px;" mt-echarts="option2"  echarts-theme="theme" echarts-data="data2" ></div>
	</div>

</div>

</body>

</html>
